<!DOCTYPE html>

<html>
	<head>
		<meta content "text/html; charset=utf-8" http-equiv="Content-Type">
		<title>Share My ToDo</title>
		<link rel="stylesheet" type="text/css" href="css/login.css" />		
	</head>
	<body>
	<section>
		<div id = "desk">
			<a class="hiddenanchor" id="toReg"></a>
            <a class="hiddenanchor" id="toLogin"></a>
			<div id = "login1">
				<form action = "auth.php" method = "post">
					<fieldset id = "login">
						<h1>Share My ToDo</h1>
						<label for = "user">Username:</label>
						<input type="text" name="user" class="logText" required="required"/><br/>
						<label for = "pass">Password:</label>
						<input type="password" name="pass" class="logText" required="required"/>
					</fieldset>
					<input type="submit" value="Login" name="login" class="button" /><br/>
					<a href = "#toReg" id="switchReg"><input type="button" value="Register" name="register" class="button" /></a>
				</form>
			</div>
			
			<div id = "regi">
				<fieldset id = "login">
					<form action = "register.php" method = "post">
					<fieldset id = "login">
							<h1>Share My ToDo</h1>
							<label for = "nUser">Username:</label>
							<input type="text" name="nUser" class="logText" required="required"/><br/>
							
							<label for = "nPass">Password:</label>
							<input type="password" name="nPass" class="logText" required="required" onchange="form.pass2.pattern=this.value;"/><br/>
							<label for "pass2">Confirm:&nbsp;&nbsp;</label>
							<input class="textbox" type="password" name="pass2" required="required" pattern=" " onchange="this.setCustomValidity(this.validity.patternMismatch ? 'Please enter the same Password as above' : ''); "/><br/>
							<label for = "email">Email:</label>
							<input type="email" name="email" class="logText" required="required"/><br/>
							<label for = "fName">First Name:</label>
							<input type="text" name="fName" class="logText"/><br/>
							<label for = "lName">Last Name:</label>
							<input type="text" name="lName" class="logText"/><br/>
					</fieldset>
						<input type="submit" value="Register" name="register" class="button" />
						<br/><br/>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
						<a href = "#toLogin">Already Registered</a>
					</form>
				</fieldset>
			</div>
	</section>
	</body>
</html>